<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>滚动链接</title>
        <style>
            .wrapper{
                width: 80%;
                margin: 50px auto;
                height: 500px;
                border: 1px solid #ff6700;
            }
            .wrapper marquee{
                height: 498px;
                border: 1px solid red;
            }
            .wrapper a{
                display: block;
                text-decoration: none;
                color: #1e76fd;
            }
        </style>
    </head>
    <body>
        <div class="wrapper">
            <marquee direction="up" behavior="">
                <a href="www.baidu.com">心之所念(这是第一个链接)</a>
                <a href="www.baidu.com">心之所念(这是第二个链接)</a>
                <a href="www.baidu.com">心之所念(这是第三个链接)</a>
            </marquee>
        </div>
        
    </body>
</html>